<template>
    <div class="projectContainer">
        <div class="loading"></div>
        <p class="tell">正在为您生成改善计划</p>
        <div class="warning">
            <p>根据您的数据</p>
            <p>生成适合您的个性化改善计划</p>
        </div>
    </div>
</template>

<script>
    export default {
        name:'madeProject',
        mounted(){
            setTimeout(()=>{
                this.$router.replace({
                    name:'knowledge'
                })
            },3000)
        }
    }
</script>

<style scoped>
    .projectContainer{
        width: 100vw;
        height: 100vh;
        background-color: #F6F8FA;
        position: relative;
        overflow: hidden;
    }
    .loading{
        position: absolute;
        background-image: url(../assets/img/0-icon@2x/0-35madeProject.png);
        width: 4.16rem;
        height: 4.16rem;
        left: 1.64rem;
        top:4.98rem;
        background-position: center;
        background-size: contain;
    }
    .tell{
        position: absolute;
        color: #333333;
        font-size: 0.45rem;
        font-family: 'PingFangSC-Mediuem';
        left: 1.5rem;
        top: 9.5rem;
    }
    .warning{
        font-size: 0.26rem;
        font-family: 'PingFangSC-Regular';
        color: #747474;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        width: 100%;
        top: 10.5rem;
    }
</style>